body {
    overflow-x: hidden;
}

.bottom {
    transform: translate3d(0px, -600px, 0px);
    -webkit-transform: translate3d(0px, -600px, 0px);
}
.big_font{
    font-size: 20px!important;
    font-weight: bold!important;
}
.load {
    transform: scale(0);
    transition: all .5s;
}

.bg_img {
    width: 100%;
}

.pages {
    display: none;
}

.block {
    display: block;
}

//头部
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 15%;
    margin: 0 auto;
    background: white;
    z-index: 99999;
    min-width: 1440px;
    //      頭部導航欄
    ul {
        width: 100%;
        height: 120px;
        position: relative;
        margin: 0 auto;
        color: black;
        li:nth-child(1) {
            top: 50%;
            left: 15%;
            transform: translateY(-50%);
        }
        li:nth-child(2) {
            top: 50%;
            left: 25%;
            transform: translateY(-50%);
        }
        li:nth-child(3) {
            top: 50%;
            left: 35%;
            transform: translateY(-50%);
        }
        li:nth-child(4) {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            img {
                width: 100%;
            }
        }
        li:nth-child(5) {
            top: 50%;
            right: 35%;
            transform: translateY(-50%);
        }
        li:nth-child(6) {
            top: 50%;
            right: 25%;
            transform: translateY(-50%);
        }
        li:nth-child(7) {
            top: 50%;
            right: 15%;
            transform: translateY(-50%);
        }
        li {
            position: absolute;
            float: left;
            padding: 2px 4px;
            border-radius: 15px;
            font-size: 16px;
            font-weight: bold;
        }
        li:not(:nth-child(4)):hover {
            font-size: 18px;
            padding: 3px 6px;
        }
    }
}

.bg_img {
    width: 100%;
}

.pagecon1 {
    width: 100%;
    margin-top: 7%;
    overflow: hidden;
    position: relative;
    img:nth-child(2) {
        position: absolute;
        top: 25%;
        left: 21%;
        width: 20%;
    }
    img:nth-child(3) {
        position: absolute;
        top: 9%;
        right: 40%;
        width: 14%;
        z-index: 2;
    }
    img:nth-child(4) {
        position: absolute;
        top: 63%;
        right: 18%;
        width: 10%;
        z-index: 3;
    }
    //上面第一张
    img:nth-child(5) {
        position: absolute;
        top: 21%;
        right: 20%;
        width: 20%;
        z-index: 2;
    }
    //第2张
    img:nth-child(6) {
        position: absolute;
        top: 21%;
        right: 24%;
        width: 20%;
        z-index: 1;
    }
    //第3张  //底部
    img:nth-child(7) {
        position: absolute;
        top: 9%;
        right: 17%;
        width: 20%;
    }
    p {
        float: right;
        font-size: 12px;
        margin-right: 18%;
        line-height: 50px;
    }
}

//  底部
.footer {
    width: 100%;
    height: 600px;
    position: relative;
    background: #94d191;
    padding-bottom: 1%;
    font-family: "微软雅黑"!important;
    .content {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        .left_content {
            width: 17%;
            float: left;
            padding-top: 4%;
            img {
                width: 100%;
            }
        }
        .right_content {
            width: 76%;
            float: right;
            padding-top: 5%;
            .header_ {
                width: 100%;
                overflow: hidden;
                ul {
                    margin: 0 auto;
                    color: black;
                    li {
                        float: left;
                        height: 34px;
                        background: white;
                        padding: 0 18px;
                        line-height: 34px;
                        border-radius: 17px;
                        font-size: 18px;
                        color: #000;
                        margin-right: 22px;
                    }
                }
            }
            .form {
                width: 350px;
                height: 100%;
                float: left;
                display: inline-block;
                overflow: hidden;
                padding-top: 4%;
                form {
                    width: 100%;
                    height: 100%;
                }
                p {
                    font-size: 24px;
                    color: #fff56c;
                    font-weight: bold;
//                  letter-spacing: 1px;
                    margin-bottom: 4%;
                    span {
                        font-size: 32px;
                    }
                }
                input,
                textarea {
                    font-size: 16px;
                    padding-left: 3px;
                    width: 350px;
                    border: none;
                    margin-bottom: 10px;
                }
                input {
                    height: 40px;
                }
                textarea {
                    height: 100px;
                    resize: none;
                }
                #reset,
                #submit {
                    width: 45%;
                    height: 40px;
                    margin: 0 auto;
                }
                #reset {
                    float: left;
                    background: #cccccc;
                }
                #submit {
                    float: right;
                    background: #fff56c;
                }
            }
            .xinxi {
                width: 460px;
                height: 100%;
                float: right;
                display: inline-block;
                p {
                    color: white;
                    line-height: 25px;
                }
                p:first-child {
                    font-size: 32px;
                    font-weight: bold;
                    margin-top: 10%;
                }
                p:nth-child(2),
                p:nth-child(4),
                p:nth-child(6) {
                    font-weight: bold;
                    font-size: 20px;
                    margin-top: 30px;
                }
                p:nth-child(3),
                p:nth-child(5),
                p:nth-child(7) {
                    font-size: 16px;
                }
            }
        }
    }
    .copyright {
        border-top: 1px solid #9bd998;
        margin: 0 auto;
        text-align: center;
        color: white;
        font-size: 14px;
        line-height: 20px;
        margin-top: 1%;
        padding-top: 2%;
    }
}